<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				font-family: "微软雅黑";
			}
			#title a:hover{
				background-color: #998162;
			}
			#body {
				width: 100%;
				min-width: 320px;
				background-color: #998162;
			}
			
			#main {
				width: 1200px;
				margin: 0px auto;
				background-color: white;
				min-width: 320px;
			}
			
			#title {
				height: 80px;
				line-height: 80px;
				position: relative;
			}
			
			.title-left {
				float: left;
				margin-left: 200px;
			}
			
			#title a {
				text-decoration: none;
				color: black;
				padding: 0px 20px;
			}
			
			.title-img {
				margin: 0px auto;
				position: absolute;
				top: 10px;
				left: 559px;
			}
			
			.title-img img {
				width: 80px;
			}
			
			.title-right {
				margin-right: 150px;
				float: right;
			}
			
			#banner img {
				width: 1200px;
			}
			
			.buttom-img {
				width: 1200px;
				height: 345px;
				background-image: url(img-mayue/11.png);
				background-size: 1200px;
			}
			
			.buttom-img img {
				width: 20px;
				padding: 0px 10px;
				position: relative;
				top: 325px;
				left: 525px;
				/*width: 1200px;*/
			}
			
			#footer {
				background-color: black;
				/*width: 1920px;*/
				height: 270px;
			}
			
			.friendlink {
				font-size: 14px;
				color: #998162;
			}
			
			.f1 {
				width: 430px;
				float: left;
			}
			
			.f2 {
				width: 128px;
				float: right;
				margin-top: 30px;
			}
			
			.f2 p {
				padding-top: 5px;
				text-align: center;
			}
			
			.f3 {
				margin-right: -5px;
			}
			
			.f4 {
				width: 550px;
				float: left;
				margin-top: 40px;
				margin-left: 10px;
			}
			
			.f4>a {
				display: inline-block;
				text-decoration: none;
				background-image: url(img-mayue/矩形-6-拷贝.png);
				background-repeat: no-repeat;
				width: 114px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				color: white;
				margin: 0px 7px;
			}
			
			.f4-p {
				margin: 20px 0px 0px 30px;
			}
			
			.f4-p p {
				padding-top: 10px;
			}
			
			.f5 {
				float: left;
				margin: 20px 0px 0px 10px;
			}
			
			.f5 img {
				float: left;
			}
			
			.f6 img {
				width: 100px;
				height: 100px;
				float: left;
			}
			
			#middle {
				height: 110px;
			}
			
			#middle .div1 {
				height: 68px;
			}
			
			#middle .p1 {
				height: 68px;
				line-height: 68px;
				float: right;
				font-weight: bold;
			}
			
			#middle span {
				color: #ff2a00;
			}
			
			#middle .p2 {
				font-size: 30px;
				margin-left: 100px;
				line-height: 42px;
			}
			
			#middle .p2 strong {
				color: #ff2a00;
				padding-right: 10px;
			}
			
			#middle .p2 b {
				color: #CCCCCC;
			}
			
			#content1 {
				height: 600px;
				background-color: #1A1A1A;
				position: relative;
			}
			
			.cleft,
			.cleft3 {
				float: left;
				position: absolute;
				top: 50px;
				width: 595px;
				height: 499px;
				background-repeat: no-repeat;
			}
			
			.cleft {
				background-image: url(img-mayue/2.png);
			}
			
			.cleft3 {
				/*background-position-x: 10px;*/
				background-image: url(img-mayue/a.png);
			}
			
			.cleft3>img {
				float: left;
				margin-top: 204px;
				margin-left: 200px;
			}
			
			.cleft>img {
				float: left;
				margin-top: 204px;
				margin-left: 200px;
				/*margin: 0px auto;*/
			}
			
			.cleft1,
			.cleft1-1 {
				width: 158px;
				height: 143px;
				margin-top: 30px;
				float: right;
			}
			
			.cleft1-1 {
				padding-right: 5px;
			}
			
			.cleft2 {
				width: 46px;
				height: 53px;
				float: right;
				margin-right: -100px;
				/*margin-top:80px;*/
			}
			
			.cleft2 img {
				padding-top: 85px;
			}
			
			.cright {
				float: right;
			}
			
			.cright1 {
				margin-top: 50px;
			}
			
			.cright1,
			.cright-1 p {
				font-size: 30px;
				color: #998262;
			}
			
			.cright1 p {
				margin-right: 400px;
				margin-top: 10px;
			}
			
			.cright-1 p {
				margin-right: 200px;
				margin-top: 60px;
				line-height: 5px;
			}
			
			.cright-1 {
				margin-top: 10px;
			}
			
			.cright2,
			.cright2-1 {
				color: #998162;
				font-size: 23px;
				text-indent: 2em;
			}
			
			.cright2 {
				padding-top: 40px;
				margin-right: 30px;
			}
			
			.cright2 p {
				float: right;
				padding-top: 10px;
				line-height: 40px;
			}
			
			.cright2-1 {
				padding-top: 50px;
				padding-left: -10px;
			}
			
			#content2 {
				height: 600px;
				background-color: #C0C0C0;
				position: relative;
			}
			
			.cleft4 {
				position: absolute;
				right: 0px;
				top: 50px;
				width: 595px;
				height: 499px;
				background-repeat: no-repeat;
				background-image: url(img-mayue/6.png);
			}
			
			.cleft4>img {
				margin-top: 204px;
				margin-left: 200px;
			}
			
			.cright3-1 {
				float: left;
			}
			
			.cright3-1 p {
				margin-left: 40px;
				color: #FFFFFF;
			}
		</style>
	</head>

	<body>
		<div id="body">
			<div id="main">
				<div id="title">
					<div class="title-left">
						<a href="home_copy.html">首页</a>
						<a href="culture2.html">企业文化</a>
						<a href="fuwuxiangmu2.html">服务项目</a>
					</div>
					<div class="title-img">
						<img src="img-mayue/大象无形-拷贝.png" />
					</div>
					<div class="title-right">
						<a href="#">案例分析</a>
						<a href="lianxi.html">联系我们</a>
						<a href="xinwen2.html">新闻热点</a>
					</div>
				</div>
				<div id="banner">
					<img src="img-mayue/e.png" />
				</div>

				<!--中间部分-->

				<div id="middle">
					<div class="div1">
						<p class="p1">
							<label>当前位置&gt;&gt;</label><span>项目案例</span>
						</p>
					</div>
					<p class="p2">
						<strong>项目案例</strong>
						<b>News&Events</b>
						<img align="center" src="img-mayue/2016-11-23_151422.png" />
					</p>
				</div>
				<div id="content1">
					<div class="cleft">
						<img src="img-mayue/多边形-1.png" />
						<div class="cleft1">
							<img src="img-mayue/3.png" />
							<img src="img-mayue/4.png" />
							<img src="img-mayue/5.png" />
						</div>
						<div class="cleft2">
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
						</div>
					</div>
					<div class="cright">
						<div class="cright1">
							<p>立体影院</p>
							<p>3D THEATER</p>
						</div>
						<div class="cright2-1">
							<p>立体电影院是在3D立体电影院的基础加上特效<br /> 模拟仿真而组成的新型影视产品，也叫4D电影，4D
								<br /> 影院。立体电影即三维的立体电影和周围环境模拟组
								<br /> 成立体空间。观众在看立体电影时，顺着影视内容的<br /> 变化，可实时感受到风暴、雷电、下雨、撞击、喷洒
								<br /> 水雾、拍腿等身边所发生与立体影象对应的事件,立体
								<br /> 移动图片电影院的座椅具有喷水、喷气、振动、扫腿等。
							</p>
						</div>
					</div>
				</div>

				<div id="content2">
					<div class="cleft4">
						<img src="img-mayue/多边形-1.png" />
						<div class="cleft1-1">
							<img src="img-mayue/3.png" />
							<img src="img-mayue/4.png" />
							<img src="img-mayue/5.png" />
						</div>
						<div class="cleft2">
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
						</div>
					</div>
					<div class="cright3-1">
						<div class="cright-1">
							<p>三维动画</p>
							<p>LARGE SCREEN DLSPLAY</p>
						</div>
						<div class="cright2">
							<p>国际型、创新型和技能型职能一体，顶尖的<br />
							 专业级别动画影像表现公司。 地产动画，房地产<br />
							  提供优越的数字化展示方案，突破了传统展示手<br />
							   段，以更新颖的创意元素，更具冲击力的视觉效 <br />
							   果，更具娱乐性的互动体验，营造出完美无瑕的 <br />
							   视听新体验，从而深入传达对楼盘的全面感知，<br />
							   引领房地产销售推广进入全新空间，从而达到最<br />
							   佳的宣传推广效果，深深的打动观者，并激发其<br />
							    观者潜在的购买欲望。
							</p>
						</div>
					</div>
				</div>

				<div id="content1">
					<div class="cleft3">
						<img src="img-mayue/多边形-1.png" />
						<div class="cleft1-1">
							<img src="img-mayue/3.png" />
							<img src="img-mayue/4.png" />
							<img src="img-mayue/5.png" />
						</div>
						<div class="cleft2">
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
							<img src="img-mayue/多边形-1-拷贝-2.png" />
						</div>
					</div>
					<div class="cright">
						<div class="cright-1">
							<p><a href="anli3ji.html" style="color:#998162;text-decoration: none;">大屏幕展示</a></p>
							<p>LARGE SCREEN DLSPLAY</p>
						</div>
						<div class="cright2">
							<p>大屏幕显示是指图形或图像在大屏幕上的显示。<br /> 屏幕面积在一平方米以上。屏幕显示可分为透过型
								<br /> 与投影型。大屏幕显示的种类很多，如激光扫描大 <br /> 屏幕显示、油膜光阀机电子显示装置、面板发光型 <br /> 大视野显示、矩阵型具有模块结构的大屏幕显示以
								<br /> 及由数以万计的单个发光器件（如光源管、小型荧 <br /> 光灯和白炽灯等）组成的、面积可达几百平方米的
								<br /> 直观式超大屏幕显示等。例如：DLP背投拼接、DI
								<br /> D液晶拼接、LED全彩大屏幕、天幕投影、360度
								<br /> 环幕投影、多通道弧幕投影。
							</p>
						</div>
					</div>
				</div>

				<!--尾部-->
				<div id="buttom">
					<div class="buttom-img">
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1-拷贝.png" />
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1.png" />
					</div>
				</div>
				<div id="footer">
					<div class="friendlink">
						<div class="f1">
							<div class="f2">
								<img src="img-mayue/图层-10.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2">
								<img src="img-mayue/图层-11.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2 f3">
								<img src="img-mayue/图层-12.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
						</div>
						<div class="f4">
							<a href="#">公司介绍</a>
							<a href="#">人才招聘</a>
							<a href="#">网站法律声明</a>
							<a href="lianxi.html">联系我们</a>
							<div class="f4-p">
								<p>版权所有&copy;2015上海大象无形展览展示有限公司</p>
								<p>上海市泸太路785号新华园A楼8008室</p>
							</div>
							<div class="f5">
								<a href="http://qzone.qq.com"><img src="img-mayue/图层-15.png" /></a>
								<a href="http://weibo.com"><img src="img-mayue/图层-16.png" /></a>
								<a href="http://t.qq.com"><img src="img-mayue/图层-17.png" /></a>
								<a href="http://wx.qq.com"><img src="img-mayue/图层-18.png" /></a>
								<a href="http://www.renren.com"><img src="img-mayue/图层-19.png" /></a>
								<a href="#"><img src="img-mayue/图层-20.png" /></a>
							</div>
						</div>
						<div class="f6">
							<img src="img-mayue/图层-13.png" />
							<img src="img-mayue/图层-14.png" />
						</div>
					</div>

				</div>
			</div>

		</div>
	</body>

</html>